﻿
@model PagedList.IPagedList<Demo_test.Models.Entity.Username>
@using PagedList.Mvc;
@{
    ViewBag.Title = "Index";
}

<h2>Danh Sách Nhân Viên</h2>



<br/><br /><br />
@using (Html.BeginForm("Index", "User", FormMethod.Post))
{
    <a href="/User/Insert" class="btn btn-default">Thêm</a>
    <input type="submit" value="Xóa Tất Cả" class="btn btn-default" onclick="return confirm('ban có chắc xóa tất cả' )" />
    <br /><br /><br />
<table cellpadding="1" cellspacing="1" border="1" class="table table-condensed">
    <tr>
        <th><input type="checkbox" id="checkboxall" /></th>
        <th>Họ Và Tên</th>
        <th>Giới Tính</th>
        <th>Điện Thoại</th>
        <th>Ngày Sinh</th>
        <th>Xóa | Edit</th>
    </tr>
   @foreach (var a in Model)
   {
       <tr>
           <td><input type="checkbox" class="chkCheckBoxId" name="productId" value="@a.Id" /></td>
           <td>@a.Name</td>
           <td>@a.GioiTinh</td>
           <td>@a.DienThoai</td>
           <td>@a.Ngaysinh</td>
           <td>
               <a href=""   onclick="return confirm('ban có muốn xóa tên' + '&nbsp;' + '@a.Name')" data-id="@a.Id" class="Delete" >Xóa</a>|
               <a href="/User/Edit/@a.Id">Edit</a>
           </td>
       </tr>
   }
</table>

}

@Html.PagedListPager(Model, page => Url.Action("Index",
   new { page, pageSize = Model.PageSize }))
    Sản phẩm @Model.FirstItemOnPage Tới @Model.LastItemOnPage trong tổng số @Model.TotalItemCount Sản phẩm


@section scripts{
<script src="~/jquery-ui/jquery-1.11.3.min.js"></script>
<script src="~/jquery-ui/jquery-ui.js"></script>
<link href="~/jquery-ui/jquery-ui.min.css" rel="stylesheet" />
   
    <script type="text/javascript">
            $(document).ready(function () {
                $('#checkboxall').click(function () {
                    if ($(this).is(":checked"))
                        $('.chkCheckBoxId').prop('checked', true);
                    else
                        $('.chkCheckBoxId').prop('checked', false);
                });
            });
    </script>
    <script>
            $(function () {
                $("input.datepicker").datepicker();
            });
    </script>
    <script>
        $(function () {
            $(".Delete").click(function () {
                dataId = $(this).attr("data-id");
                $.ajax({
                    url: "/User/Delete",
                    data: { id: dataId },
                    type:"post" ,
                    success: function (node) {
                        if (node.success) {
                            alert("xoa thanh cong");
                        } else alert("loi");
                    }
                });
            });
        });
    </script>

    
   
}

